<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">

		</style>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/course.css" />
	</head>

	<body>
		<header>
			<div>
				<a href="#"><img src="img/58c74cb468f98.png" /></a>

				<ul class="nav">
					<li><a href="#">首页</a></li>
					<li><a href="#">公开课</a></li>
					<li><a href="#">免费视频教程</a></li>
					<li><a href="#">学习路线图</a></li>
					<li><a href="#">技术社区</a></li>
				</ul>

				<div class="search_box">
					<input type="text" id="" value="" placeholder="请输入搜索内容" />
					<a href="#"></a>
				</div>

				<ul class="quik">
					<li><a href="#">登录</a></li>
					<li><a href="#">注册</a></li>
				</ul>

			</div>

		</header>
		<!-- 主内容-->
		<section>
			<div class="container_left">
				<h3>全部分类</h3>
				<div>
					<p>学科分类</p>
					<a href="#">Java</a>
					<a href="#">Python</a>
					<a href="#">PHP</a>
					<a href="#">Web前端</a>
					<a href="#">C/C++</a>
					<a href="#">UI/UE </a>
					<a href="#">Android</a>
					<a href="#">H5+全栈开发 </a>
					<a href="#">新媒体/电商运营</a>
					<a href="#">ASP.NET</a>
					<a href="#">iOS</a>
					<div class="kindline"></div>
					<p>传智好毕设</p>
					<a href="#">Java</a>
					<a href="#">.Net</a>
					<a href="#">PHP	</a>
					<a href="#">网页平面</a>
					<a href="#">C++</a>
				</div>

			</div>

			<div class="container_right">
				<!--轮播图-->
				<div class="slideshow">
					<img src="img/5a2e017e914f4.jpg" />
				</div>

				<div class="content_box">
					<div class="vword">
						<div>
							<h3>全部</h3>
						</div>
						<div>
							<h3>最新<i></i></h3>
							<ul>
								<li><a href="#">最新</a></li>
								<li><a href="#">最热</a></li>
							</ul>
						</div>
						<div>
							<h3>课程类型<i></i></h3>
							<ul>
								<li><a href="#">全部</a></li>
								<li><a href="#">知识精讲</a></li>
								<li><a href="#">项目实战</a></li>
								<li><a href="#">就业指导</a></li>
							</ul>
						</div>
						<div>
							<h3>难度等级<i></i></h3>
							<ul>
								<li><a href="#">全部</a></li>
								<li><a href="#">初级</a></li>
								<li><a href="#">中级</a></li>
								<li><a href="#">高级</a></li>
							</ul>
						</div>
					</div>
					<div class="content">

						<ul>
							<li>
								<a href="#" target="_blank">
									<img src="img/5a2df9ff22d94.jpg" alt="Sketch教程从入门到精通" width="283" height="186">
								</a>
								<div class="bdtxt">
									<h3><a href="/course/287.html" class="afont">Sketch教程从入门到精通</a></h3>
									<div class="bup">
										<p>下载量 <strong>47</strong></p>
										<span><strong>6</strong> 人已学习</span>
									</div>
								</div>
								<!--动画-->
								<a href="#" target="_blank">
									<div class="animation"></div>
								</a>
							</li>
							<li>
								<a href="#" target="_blank">
									<img src="img/5a0ced98bb207.jpg" alt="JavaScript全面深入教程" width="283" height="186">
								</a>
								<div class="bdtxt">
									<h3><a href="/course/286.html" class="afont">JavaScript全面深入教程</a></h3>
									<div class="bup">
										<p>下载量 <strong>1683</strong></p>
										<span><strong>109</strong> 人已学习</span>
									</div>
								</div>
								<!--动画-->
								<a href="#" target="_blank">
									<div class="animation"></div>
								</a>
							</li>
							<li>
								<a href="#" target="_blank">
									<img src="img/59fc353b606b5.jpg" alt="企业项目实战PC专题页" width="283" height="186">

								</a>
								<div class="bdtxt">
									<h3><a href="#" class="afont">企业项目实战PC专题页</a></h3>
									<div class="bup">
										<p>下载量 <strong>1070</strong></p>
										<span><strong>84</strong> 人已学习</span>
									</div>
								</div>
								<!--动画-->
								<a href="#" target="_blank">
									<div class="animation"></div>
								</a>
							</li>
							<li>
								<a href="#" target="_blank">
									<img src="img/59f6b67f0d4d2.jpg" alt="百度外卖项目教程|黑马程序员" width="283" height="186">
								</a>
								<div class="bdtxt">
									<h3><a href="#" class="afont">百度外卖项目教程|黑马程序员</a></h3>
									<div class="bup">
										<p>下载量 <strong>2430</strong></p>
										<span><strong>198</strong> 人已学习</span>
									</div>
								</div>
								<!--动画-->
								<a href="#" target="_blank">
									<div class="animation"></div>
								</a>
							</li>
							<li>
								<a href="#" target="_blank">
									<img src="img/59dc2eba3efff.jpg" alt="Ajax从入门到精通|黑马程序员" width="283" height="186">

								</a>
								<div class="bdtxt">
									<h3><a href="#" class="afont">Ajax从入门到精通|黑马程序员</a></h3>
									<div class="bup">
										<p>下载量 <strong>3550</strong></p>
										<span><strong>245</strong> 人已学习</span>
									</div>
								</div>
								<!--动画-->
								<a href="#" target="_blank">
									<div class="animation"></div>
								</a>
							</li>
							<li>
								<a href="#" target="_blank">
									<img src="img/59cb1d8bd1f1c.jpg" alt="vue2.0入门及实战开发" width="283" height="186">
								</a>
								<div class="bdtxt">
									<h3><a href="#" class="afont">vue2.0入门及实战开发</a></h3>
									<div class="bup">
										<p>下载量 <strong>5224</strong></p>
										<span><strong>239</strong> 人已学习</span>
									</div>
								</div>
								<!--动画-->
								<a href="#" target="_blank">
									<div class="animation"></div>
								</a>
							</li>
							<li>
								<a href="#" target="_blank">
									<img src="img/59bf2f0badc47.jpg" alt="2017版 C/C++与数据库开发" width="283" height="186">

								</a>
								<div class="bdtxt">
									<h3><a href="#" class="afont">2017版 C/C++与数据库开发</a></h3>
									<div class="bup">
										<p>下载量 <strong>2406</strong></p>
										<span><strong>109</strong> 人已学习</span>
									</div>
								</div>
								<!--动画-->
								<a href="#" target="_blank">
									<div class="animation"></div>
								</a>
							</li>
							<li>
								<a href="#" target="_blank">
									<img src="img/59bb3c89069c1.png" alt="2017版 服务器开发之linux网络编程" width="283" height="186">

								</a>
								<div class="bdtxt">
									<h3><a href="#" class="afont">2017版 服务器开发之linux网络编程</a></h3>
									<div class="bup">
										<p>下载量 <strong>2816</strong></p>
										<span><strong>86</strong> 人已学习</span>
									</div>
								</div>
								<!--动画-->
								<a href="#" target="_blank">
									<div class="animation"></div>
								</a>
							</li>
							<li>
								<a href="#" target="_blank">
									<img src="img/59ba289c0d06d.jpg" alt="一节课学会标题字故障艺术制作" width="283" height="186">

								</a>
								<div class="bdtxt">
									<h3><a href="#" class="afont">一节课学会标题字故障艺术制作</a></h3>
									<div class="bup">
										<p>下载量 <strong>589</strong></p>
										<span><strong>33</strong> 人已学习</span>
									</div>
								</div>
								<!--动画-->
								<a href="#" target="_blank">
									<div class="animation"></div>
								</a>
							</li>
							<li>
								<a href="#" target="_blank">
									<img src="img/59b9deac2a65d.jpg" alt="新媒体运营：公众号黑科技之空白图片变字提高转发技术" width="283" height="186">

								</a>
								<div class="bdtxt">
									<h3><a href="/course/278.html" class="afont">新媒体运营：公众号黑科技之空白图片变字提高转发技术</a></h3>
									<div class="bup">
										<p>下载量 <strong>595</strong></p>
										<span><strong>39</strong> 人已学习</span>
									</div>
								</div>
								<!--动画-->
								<a href="#" target="_blank">
									<div class="animation"></div>
								</a>
							</li>
							<li>
								<a href="#" target="_blank">
									<img src="img/59b8cb4a9f16f.jpg" alt="2017版 服务器开发之linux系统编程" width="283" height="186">

								</a>
								<div class="bdtxt">
									<h3><a href="#" class="afont">2017版 服务器开发之linux系统编程</a></h3>
									<div class="bup">
										<p>下载量 <strong>2389</strong></p>
										<span><strong>77</strong> 人已学习</span>
									</div>
								</div>
								<!--动画-->
								<a href="#" target="_blank">
									<div class="animation"></div>
								</a>
							</li>
							<li>
								<a href="#" target="_blank">
									<img src="img/59b8cb4a9f16f.jpg" alt="2017版 服务器开发之linux基础编程" width="283" height="186">

								</a>
								<div class="bdtxt">
									<h3><a href="#" class="afont">2017版 服务器开发之linux基础编程</a></h3>
									<div class="bup">
										<p>下载量 <strong>3153</strong></p>
										<span><strong>122</strong> 人已学习</span>
									</div>
								</div>
								<!--动画-->
								<a href="#" target="_blank">
									<div class="animation"></div>
								</a>
							</li>
							<li>
								<a href="#" target="_blank">
									<img src="img/59acb55f49c81.jpg" alt="2017版 C++基础教程完整版" width="283" height="186">

								</a>
								<div class="bdtxt">
									<h3><a href="#" class="afont">2017版 C++基础教程完整版</a></h3>
									<div class="bup">
										<p>下载量 <strong>7430</strong></p>
										<span><strong>429</strong> 人已学习</span>
									</div>
								</div>
								<!--动画-->
								<a href="#" target="_blank">
									<div class="animation"></div>
								</a>
							</li>
							<li>
								<a href="#" target="_blank">
									<img src="img/59a76d3b4e764.jpg" alt="C语言小白入门基础教程" width="283" height="186">

								</a>
								<div class="bdtxt">
									<h3><a href="/course/274.html" class="afont">C语言小白入门基础教程</a></h3>
									<div class="bup">
										<p>下载量 <strong>5135</strong></p>
										<span><strong>446</strong> 人已学习</span>
									</div>
								</div>
								<!--动画-->
								<a href="#" target="_blank">
									<div class="animation"></div>
								</a>
							</li>
							<li>
								<a href="#" target="_blank">
									<img src="img/59a51862973f8.jpg" alt="Python入门教程完整版（懂中文就能学会）" width="283" height="186">

								</a>
								<div class="bdtxt">
									<h3><a href="/course/273.html" class="afont">Python入门教程完整版（懂中文就能学会）</a></h3>
									<div class="bup">
										<p>下载量 <strong>15803</strong></p>
										<span><strong>881</strong> 人已学习</span>
									</div>
								</div>
								<!--动画-->
								<a href="#" target="_blank">
									<div class="animation"></div>
								</a>
							</li>
							<li>
								<a href="#" target="_blank">
									<img src="img/599e8cf9723bc.jpg" alt="BootStrap教程_BootStrap视频教程|黑马程序员" width="283" height="186">

								</a>
								<div class="bdtxt">
									<h3><a href="#" class="afont">BootStrap教程_BootStrap视频教程|黑马程序员</a></h3>
									<div class="bup">
										<p>下载量 <strong>3899</strong></p>
										<span><strong>188</strong> 人已学习</span>
									</div>
								</div>
								<!--动画-->
								<a href="#" target="_blank">
									<div class="animation"></div>
								</a>
							</li>
							<li>
								<a href="#" target="_blank">
									<img src="img/599e88d08fbc4.jpg" alt="PHP初级 CSS教程_CSS入门教程|黑马程序员" width="283" height="186">

								</a>
								<div class="bdtxt">
									<h3><a href="/course/271.html" class="afont">PHP初级 CSS教程_CSS入门教程|黑马程序员</a></h3>
									<div class="bup">
										<p>下载量 <strong>1585</strong></p>
										<span><strong>66</strong> 人已学习</span>
									</div>
								</div>
								<!--动画-->
								<a href="#" target="_blank">
									<div class="animation"></div>
								</a>
							</li>
							<li>
								<a href="#" target="_blank">
									<img src="img/599d53137bd5a.jpg" alt="Java教程_面试题破解之交通管理系统教程" width="283" height="186">

								</a>
								<div class="bdtxt">
									<h3><a href="#" class="afont">Java教程_面试题破解之交通管理系统教程</a></h3>
									<div class="bup">
										<p>下载量 <strong>1944</strong></p>
										<span><strong>129</strong> 人已学习</span>
									</div>
								</div>
								<!--动画-->
								<a href="#" target="_blank">
									<div class="animation"></div>
								</a>
							</li>
						</ul>

					</div>
					<div class="pagebox">
						<div>
							<a class="previous" href="#">上一页</a>
							<a class="first" href="#">1</a>
							<a href="#">2</a>
							<a href="#">3</a>
							<a href="#">4</a>
							<a href="#">5</a>
							<a href="#">6</a>
							<a href="#">7</a>
							<a href="#">8</a>
							<a href="#">9</a>
							<a class="next" href="#">下一页</a>
							<span class="allspan">共 14 页</span>
							<span>跳转<input value="2" id="nowpage" type="text">页</span>
							<span class="num" id="psubmit"><a href="#">确定</a></span>
						</div>

					</div>

				</div>

			</div>

		</section>

		<footer>
			<div class="text_box">
				<div class="text_box_left">

					<ul>
						<li><a href="#">帮助中心</a></li>
						<li><a href="#">新手指南</a></li>
						<li><a href="#">常见问题</a></li>
						<li><a href="#">名额预定</a></li>
						<li><a href="#">意见反馈</a></li>
					</ul>
					<ul>
						<li><a href="#">交流合作</a></li>
						<li><a href="#">技术交流</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">版权声明</a></li>

					</ul>
					<ul>
						<li><a href="#">站内地图</a></li>
						<li><a href="#">Java教程</a></li>
						<li><a href="#">PHP教程</a></li>
						<li><a href="#">Python教程</a></li>
						<li><a href="#">更多学科视频</a></li>
					</ul>
				</div>
				<div class="text_box_center">
					<ul>
						<li>
							<span>黑马程序员视频库</span><br />
							<img src="img/wxheima.jpg" />
						</li>
						<li>
							<span>黑马程序员QQ</span><br />
							<img src="img/wxopen.jpg" />
						</li>
					</ul>

				</div>
				<div class="text_box_right">
					<ul>
						<li>
							<a href="#"></a>
							<a href="#"></a>
							<a href="#"></a>
						</li><br /><br /><br /><br />
						<li>
							<p>播妞QQ：3077485083</p>
							<p>黑马程序员QQ：1679806262</p>
							<p>官方微博地址：http://weibo.com/itheima</p>
						</li>
					</ul>

				</div>

			</div>

			<div class="copyright">
				<p>京ICP备08001421号 京公网安备110108007702</p>

				<a href="#"><img src="img/pic.gif" /></a>
			</div>

		</footer>
	</body>

</html>